<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" src="c.js"></script>
    <script type="text/javascript" src="teach.js"></script>
    <script type="text/javascript" src="molecule.js"></script>
    <script type="text/javascript" src="shape.js"></script>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery-ui.js"></script>
    <script type="text/javascript" src="util.js"></script>
    <script type="text/javascript" src="pt.js"></script>
    <script type="text/javascript" src="balancing_equations.js"></script>
    <script type="text/javascript" src="build_nuclei.js"></script>
    <title>balancing_equations</title>
    <script type="text/javascript">
        var reactions = []; //why is this here?

        $(document).ready(function(){
            $.each($("div.balancing_equations"), function(i, div) {
                var b = new BalancingEquations($(div), i);
                reactions.push(b);
                b.start();
            });
        });

    </script>
</head>

<body>




<div class="balancing_equations" molecules='["H2","H2","O2","H2O","H2","H2","O2","H2O"]'></div>

</body>
</html>